<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>学生信息的管理系统</title>
		<!--引入外部样式表文件
		rel指定文件类型指css文件
		href引入css文件链接
		
		习惯：css样式放入本地-->
		<link rel="stylesheet" href="css/bootstrap.min.css"/>
	</head>
	<body>
		<!--习惯把body中内容放在一个div-->
		<div class="container">
		<!-- 表单组建，action提交的链接地址（后端java，Contriller）
		method="GET/post"
		-->
		<form  action="studentController" method="post">
			<h1>学生信息管理系统</h1>
			<!--autocomplete="off/on"是否记录输入框之前输入的内容
			placeholder="请输入姓名.... "信息提示-->
			<div class="form-group">
				<label>姓名：</label>
			    <input type="text" class="form-control" 
				autocomplete="on"
				placeholder="请输入姓名...."
				name="name" id="name" />
			 
			</div>
			
			<div class="form-group">
				<label>年龄：</label>
				<!--数字输入框 只能输入数字-->
				<input type="number"name="age"id="age"
				class="form-control"
				placeholder="请输入年龄....."
				autocomplete="off"/>
				</div>
			<div class="form-group">
				<!--name一致，自动会变成一组-->
				<label>性别 ：</label>
				<!--单选框修饰，和汉字不换行，radio-inline-->
				<label class="radio-inline">
				 <input class="" type="radio" name="sex" value="男"/>男
				</label>
				<label class="radio-inline">
			      <input type="radio" name="sex" value="女"/>女
				</label>
			</div>
		
		    <div class="form-group">
			<label>爱好：</label>
			<!--多选框 ，多个名字相同，自动组成一个组，后台接收的是一个数组
			打勾就传到后台，不打勾就不传-->
			 <label class="checkbox-inline">
			<input type="checkbox" name="hobby" id="hobby" value="乒乓球"/>乒乓球
			</label>
			<label class="checkbox-inline">
			<input type="checkbox" name="hobby" id="hobby" value="爬山"/>爬山
			</label>
			<label class="checkbox-inline">
			<input type="checkbox" name="hobby" id="hobby" value="唱歌"/>唱歌
			</label>
			</div>   
			<div class="form-group">
				<label>学历：</label>
				<!--下拉框，选中中文，本质传的是数字
				1-小学，2-初中，3-高中，4-大专，5-本科-->
				<select class="form-control" name="edu" id="edu">
					<option value="1">小学</option>
					<option value="2">初中</option>
					<option value="3">高中</option>
					<option value="4">大专</option>">
					<option value="5">本科</option>
				</select>
			</div>
			<div>
				<!--按钮有两种形式,普通按钮是button，提交按钮是submit
				提交submit，自动提到form.action指定的url链接 studentController
				class配置一个值，两个值，中间用空格隔开-->
				<input  class ="btn btn-success"type="submit" name=" save" value="保存"/>
				<button class="btn btn-danger"type="button" name="btnClear">取消</button>
			</div>
			
		</form>
		</div>
	</body>
</html>